<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>味易欧商城</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_508245_up1w8xn3gak2zkt9.css">
    <link rel="stylesheet" type="text/css" href="css/sm.css">
    <link rel="stylesheet" type="text/css" href="css/module.css">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <style>
    .page{background-color: #f5f6f7;}
    </style>
</head>

<body>
    <div class="page-group">
        <div class="page page-current" id="pas">
            <header class="bar bar-nav">
                <span class="iconfont icon-jiantouright ico pull-left cell-left"></span>
                <h1 class="title">订单详情</h1>
            </header>
            <div class="content ">
               <li class="addr flex middle">
                   <i class="cell-left cell-right iconfont icon-dingwei ico"></i>
                   <div class="cell-main">
                       <span class="name cell-right">林志伟</span>
                       <span class="tel">15980808080</span>
                       <div class="address overhide">福建省 厦门市 湖里区 </div>
                   </div>
                    <i class="cell-left cell-right iconfont icon-more ico"></i>
               </li>
               <img src="./images/line.png" alt="" class="colorline">
               <ul class="orderlist">
                   <div class="title-box">
                       <span class="tit cell-left">商品清单</span>
                       <span class="pull-right cell-right state">待评价</span>
                   </div>
                   <div class="underline">
                   <li class="goods flex middle cell-left">
                       <img src="" alt="" class="pic">
                       <div class="cell-main">
                           <div class="name">【自营】越南火龙果</div>
                           <div class="spec">火龙果约500g/个</div>
                           <div class="price orange">25.80</div>
                       </div>
                       <div class="goods-num">&times;<span class="num">1</span></div>
                   </li>
                   </div>
                <div class="underline">
                   <li class="goods flex middle cell-left">
                       <img src="" alt="" class="pic">
                       <div class="cell-main">
                           <div class="name">【自营】越南火龙果</div>
                           <div class="spec">火龙果约500g/个</div>
                           <div class="price orange ">25.80</div>
                       </div>
                       <div class="goods-num">&times;<span class="num">1</span></div>
                   </li>
                </div>
                <li class="link-box right">
                   <span class="service">联系客服</span> 
                   <span class="watch">查看物流</span>
                  <!--  <span class="watch">取消订单</span> -->
                </li>
               </ul>
               <ul class="inf-wrapper">
                   <div class="title-box">
                       <span class="tit cell-left">基本信息</span>
                   </div>
                   <div class="underline"></div>
                   <div class="column">
                   <li class="flex inf">
                      <div class="inf-l">订单编号</div>
                      <div class="inf-r cell-main right">201365758952255210</div>
                   </li>
                    <li class="flex inf">
                      <div class="inf-l">下单时间</div>
                      <div class="inf-r cell-main right">2017-12-07 12:12:12</div>
                   </li>
                    <li class="flex inf">
                      <div class="inf-l">快递单号</div>
                      <div class="inf-r cell-main right">111111111111</div>
                   </li>
                    <li class="flex inf">
                      <div class="inf-l">支付方式</div>
                      <div class="inf-r cell-main right">微信支付</div>
                   </li>
                    <li class="flex inf">
                      <div class="inf-l">配送方式</div>
                      <div class="inf-r cell-main right">申通物流</div>
                   </li>
                    <li class="flex inf">
                      <div class="inf-l cell-right">买家留言</div>
                      <div class="inf-r cell-main  right">未填写</div>
                   </li>
                   </div>
               </ul>
              <ul class="inf-wrapper">
                   <div class="title-box">
                       <span class="tit cell-left">价格信息</span>
                   </div>
                   <div class="underline"></div>
                   <div class="column">
                   <li class="flex inf">
                      <div class="inf-l">商品总价</div>
                      <div class="inf-r cell-main right"><span class="price">55.80</span>元</div>
                   </li>
                    <li class="flex inf">
                      <div class="inf-l">运费</div>
                      <div class="inf-r cell-main right"><span class="price">0.00</span>元</div>
                   </li>
                    <li class="flex inf">
                      <div class="inf-l">余额支付</div>
                      <div class="inf-r cell-main right"><span class="price">0.00</span>元</div>
                   </li>
                    <li class="flex inf">
                      <div class="inf-l">实付金额</div>
                      <div class="inf-r cell-main right"><span class="price">55.80</span>元</div>
                   </li>
                   </div>
               </ul>
            </div>
             <nav class="bar bar-tab payment-bar-tab" id="tool-bar">
                <div class="evaluate">去评价</div>
            </nav>
        </div>
    </div>
    <script type='text/javascript' src='js/lib/zepto.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm-extend.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/common.js' charset='utf-8'></script>
    <script>
     $.init();
    </script>
</body>

</html>